* {
    margin: 0px;
    padding: 0px;
}

.flex {
    display: flex;
    justify-content: center;
    align-items: center;
}
li{
    list-style: none;
    float: left;
}
.bgBox {
    width: 941px;
    height: 474px;
    background-color: #f4f5f9;
    display: flex;
    justify-content: center;
    align-items: center;
}

.box {
    width: 600px;
    height: 323px;
    border-radius: 8px;
    border: 1px solid #e6e7eb;
    background-color: white;
    box-shadow: 0px 2px 3px rgb(190, 190, 190);
}

.topBox {
    width: 568px;
    height: 30px;
    padding: 16px;
    border-bottom: 1px solid #e6e7eb;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 37px;
}

/* 直播 */
.topBox .zhibo {
    width: 65px;
    height: 28px;
    border-radius: 4px;
    background-color: #fbebec;
    color: #b5213b;
    font-size: 12px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
}

.topBox .zhibo .dian {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    position: relative;
    background-color: #b5213b;
    margin-right: 7px;
}

/* 中间标题 */

.titleBox {
    width: 95px;
    height: 24px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.titleBox img {
    width: 20px;
    height: 24px;
}

.titleBox span {
    font-size: 16px;
    font-weight: bold;
    color: #142b54;
}

/* 收藏icon */
.scIcon {
    width: 72px;
    height: 30px;
}

.scIcon img {
    width: 35px;
    height: 30px;
    float: left;
}

/* 比分部分 */
.contBox {
    width: 600px;
    height: 177px;
    display: flex;
    justify-content: center;
}

.leftBF,
.rightBF {
    width: 200px;
    height: 177px;
    float: left;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.contBF {
    width: 200px;
    height: 177px;
    float: left;
}
.photoBox_db {
    width: 130px;
    height: 130px;
    border-radius: 50%;
    background-color: #f4f5f9;
    margin-bottom: 14px;
}

.photoBox_zj {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    background-color: white;
    box-shadow: 0px 2px 5px rgb(194, 194, 194);
}

.photoBox_zj img {
    width: 50px;
    height: 56px;
}

.leftBF .name,.rightBF .name{
    width: 100%;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}


.daybox {
    width: 200px;
    height: 15px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
}
.daybox span:nth-child(1){
    color: #8e8e8e;
    margin-right: 6px;
}

.contBF .bifen{
    width: 200px;
    height: 78px;
    font-size: 37px;
    font-weight: bold;
}
.bifen span:nth-child(1){
    color: #663fe8;
}
.bifen span:nth-child(2){
    color: #d7d7d7;
    margin: 0px 15px;
    font-size: 17px;
}
.contBF .num{
    width: 100%;
    height: 10px;
    font-size: 10px;
    text-align: center;
    color: #aea26e;
    font-weight: bold;
    margin-bottom: 10px;
}
.contBF .name{
    font-size: 12px;
    height: 36px;
}
.contBF .name span:nth-child(1){
    color: #787878;
    margin-right: 5px;
}

.peilv{
    width: 100%;
    height: 31px;
    color: #96999e;
    display: flex;
    justify-content: center;
}
.peilv li{
    width: 44px;
    height: 29px;
    font-size: 10px;
    border: 1px solid #dcdcdc;
    text-align: center;
    line-height: 29px;
    margin-left: 8px;
    font-weight: bold;
}

/* 下注按钮 */
.bottBox{
    width: 100%;
    height: 41px;
    margin-top: 19px;
}
.bottBox button{
    width: 124px;
    height: 41px;
    font-size: 12px;
    color: white;
    text-align: center;
    line-height: 41px;
    background-color: #623de5;
    border: unset;
    border-radius: 6px;
    box-shadow: 0px 2px 5px rgb(190, 190, 190);
}